<template>
  <div >
<!--        <video :src="background" autoplay loop muted class="backendBackground"></video>-->
    <video :src="background" autoplay class="backendBackground"></video>

    <div id="error_404">
      <span style="color: red; font-size: 100px; font-family: 楷体">页面不存在</span>
    </div>
  </div>

</template>

<script setup>
import background from '@/assets/video/404.mp4';
</script>

<style scoped lang="scss">

.backendBackground {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: -1;
  object-fit: cover;
}

#error_404 {
  width: 37%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;

  position: relative;
  top: 200px;
  left: 500px;
}
</style>